<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html>
<html class="x-admin-sm">
<head>
	<meta charset="UTF-8">
	<title>一卡通</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/x-admin/css/font.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/x-admin/css/xadmin.css">
	<script src="${pageContext.request.contextPath}/static/x-admin/js/jquery.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/x-admin/js/moment-with-locales.js"></script>
	<script src="${pageContext.request.contextPath}/static/x-admin/lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/x-admin/js/xadmin.js"></script>
	<script src="${pageContext.request.contextPath}/static/x-admin/js/date-formatter.js" type="text/javascript"></script>
	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
	<!--[if lt IE 9]>
	<script src="/static/x-admin/js/html5.min.js" type="text/javascript"></script>
	<script src="/static/x-admin/js/respond.min.js"></script>
	<![endif]-->
</head>
<body>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-body ">
					<blockquote class="layui-elem-quote">欢迎您
						<span class="x-red"></span>！
						当前时间:
						<span id="timeSpan" class="x-red"></span>
					</blockquote>
				</div>
			</div>
		</div>
		<%--数据统计--%>
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-header">数据统计</div>
				<div class="layui-card-body ">
					<ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog">
						<li class="layui-col-md2 layui-col-xs6">
							<a href="javascript:void(0)" class="x-admin-backlog-body">
								<h3>部门最大营业额</h3>
								<p>
									<cite>8888.88</cite>
								</p>
							</a>
						</li>
						<li class="layui-col-md2 layui-col-xs6">
							<a href="javascript:void(0)" class="x-admin-backlog-body">
								<h3>部门最大营业次数</h3>
								<p>
									<cite>8806</cite>
								</p>
							</a>
						</li>
						<li class="layui-col-md2 layui-col-xs6">
							<a href="javascript:void(0)" class="x-admin-backlog-body">
								<h3>部门最低营业额</h3>
								<p>
									<cite>233.15</cite>
								</p>
							</a>
						</li>
						<li class="layui-col-md2 layui-col-xs6">
							<a href="javascript:void(0)" class="x-admin-backlog-body">
								<h3>部门最低营业次数</h3>
								<p>
									<cite>67</cite>
								</p>
							</a>
						</li>
						<li class="layui-col-md2 layui-col-xs6">
							<a href="javascript:void(0)" class="x-admin-backlog-body">
								<h3>部门平均营业额</h3>
								<p>
									<cite>4504.36</cite>
								</p>
							</a>
						</li>
						<li class="layui-col-md2 layui-col-xs6 ">
							<a href="javascript:void(0)" class="x-admin-backlog-body">
								<h3>部门平均营业次数</h3>
								<p>
									<cite>4444</cite>
								</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<%--部门营业统计--%>
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-header">部门营业日统计-日明细</div>
				<div class="layui-card-body ">
					<table class="layui-table">
						<thead>
						<tr>
							<th>部门</th>
							<th>日期/月份</th>
							<th>金额(元￥)</th>
							<th>次数(次)</th>
						</tr>
						</thead>
						<tbody>
						<c:forEach var="d" items="${deptDayTurnoverSummaryList}" varStatus="s">
							<tr>
								<td>${d.groupname}</td>
								<td>${d.ADate}</td>
								<td>${d.AmountAllDay}</td>
								<td>${d.RvsAmountAllDay}</td>
							</tr>
						</c:forEach>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<%--部门营业明细--%>
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-header">部门营业日统计-日明细</div>
				<div class="layui-card-body ">
					<table class="layui-table">
						<thead>
						<tr style="color:#01AAED">
							<th>序号</th>
							<th>部门</th>
							<th>日期/月份</th>
							<th>金额(元￥)</th>
							<th>次数(次)</th>
						</tr>
						</thead>
						<tbody>
						<c:forEach var="d" items="${deptDayTurnoverList}" varStatus="s">
							<tr>
								<td>${s.index+1}</td>
								<c:if test="${d.Adate.length==7}">
									<td>123456</td>
								</c:if>
								<td>${d.groupname}</td>
								<td>${d.ADate}</td>
								<td>${d.AmountAllDay}</td>
								<td>${d.RvsAmountAllDay}</td>
							</tr>
						</c:forEach>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<%--小模块使用统计--%>
		<div class="layui-col-sm6 layui-col-md3">
			<div class="layui-card">
				<div class="layui-card-header">下载
					<span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
				<div class="layui-card-body  ">
					<p class="layuiadmin-big-font">33,555</p>
					<p>新下载
						<span class="layuiadmin-span-color">10%
                                    <i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
					</p>
				</div>
			</div>
		</div>
		<div class="layui-col-sm6 layui-col-md3">
			<div class="layui-card">
				<div class="layui-card-header">下载
					<span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
				<div class="layui-card-body ">
					<p class="layuiadmin-big-font">33,555</p>
					<p>新下载
						<span class="layuiadmin-span-color">10%
                                    <i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
					</p>
				</div>
			</div>
		</div>
		<div class="layui-col-sm6 layui-col-md3">
			<div class="layui-card">
				<div class="layui-card-header">下载
					<span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
				<div class="layui-card-body ">
					<p class="layuiadmin-big-font">33,555</p>
					<p>新下载
						<span class="layuiadmin-span-color">10%
                                    <i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
					</p>
				</div>
			</div>
		</div>
		<div class="layui-col-sm6 layui-col-md3">
			<div class="layui-card">
				<div class="layui-card-header">下载
					<span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
				<div class="layui-card-body ">
					<p class="layuiadmin-big-font">33,555</p>
					<p>新下载
						<span class="layuiadmin-span-color">10%
							<i class="layui-inline layui-icon layui-icon-face-smile-b"></i>
						</span>
					</p>
				</div>
			</div>
		</div>
		<%--<style id="welcome_style"></style>--%>
		<div class="layui-col-md12">
			<blockquote class="layui-elem-quote layui-quote-nm">感谢layui,百度Echarts,jquery,本系统由x-admin提供技术支持。</blockquote>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(function(){
		setInterval(function(){
			$('#timeSpan').text(getNowTime("yyyy-MM-dd HH:mm:ss"));
		},1000);
	});
</script>
<script type="text/javascript">
</script>
</body>
</html>